<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <main>
        <div class="df jcsb pt15 aic">
            <div>
                <p class="f14">户外跑</p>
                <h3 class="f20">运动中</h3>
            </div>
            <div>
                <span class="iconfont icon-yinle"></span>
                <span class="iconfont icon-shezhi1"></span>
            </div>
        </div>
        <div class="tac data"><span>99.99</span>公里</div>
        <div class="df jcsb aic pt15 mb">
            <p class="f14">GPS信号度低, 数据精准度低</p>
            <div class="line"></div>
            <span class="iconfont icon-dingwei f30"></span>
        </div>
        <ul class="df aic jcsa mb">
            <li>
                <span class="iconfont icon-pinci"></span>
                <p class="tac mlt10">配速</p>
            </li>
            <li>
                <span class="iconfont icon-pc-xuanzeyongshi"></span>
                <p class="tac mlt10">用时</p>
            </li>
            <li>
                <span class="iconfont icon-reliang "></span>
                <p class="tac mlt10">千卡</p>
            </li>
        </ul>
        <div class="df aic jcsa">
            <div>—— ——</div>
            <div class="f30">00:00:20</div>
            <div class="f30">3000</div>
        </div>
        <div class="key-box">
            <div class="pause tac" id="suspend">
                <span class="iconfont icon-zanting1 f22"></span>
                <p>暂停</p>
            </div>
            <div class="star tac" id="start">
                <span class="iconfont icon-kaishi1 f22"></span>
                <p>开始</p>
            </div>
            <div class="end tac" id="done">
                <span class="iconfont icon-jieshu f22"></span>
                <p>结束</p>
            </div>
        </div>

        <div class="lock tac" id="locked">
            <span class="iconfont icon-suo f22"></span>
        </div>
    </main>
</body>

</html>